@charset "utf-8";
*{margin:0; padding:0; font-family:"SimSun"; color:#333;}
ul,li{list-style-type:none;}
img{border:0;}

a{color:#333; text-decoration:none;}
a:hover{color:red;}

body{background:#FFF url(body_bg.jpg) repeat-x left top;}

#warp{width:100%; overflow:hidden;}

/*header*/
#header{width:1002px; margin:0 auto; overflow:hidden; height:115px;}
#header .logo{float:left; padding:17px 0 0 19px; overflow:hidden;}
#header .other{float:right; font-size:12px; padding:10px 20px 0 0; overflow:hidden;}
#header .language{float:right; clear:right; padding:7px 17px 0 0; overflow:hidden;}
#header .language li{float:left; overflow:hidden; margin-left:10px;}
#header .language .cn{width:65px; height:18px; display:block; }
#header .language .en{width:85px; height:18px;  display:block; }
#header .tel{width:287px; height:27px; overflow:hidden; background:url(index_img.png) no-repeat -703px -2px; clear:right; text-indent:-9999px; float:right; margin:10px 10px 0 0;}

/*nav*/
#nav{width:1002px; margin:0 auto; height:36px; margin-bottom:10px;}
#nav ul{width:966px; margin:0 auto; overflow:hidden;}
#nav ul li{float:left; width:107px; overflow:hidden;}

#nav a{width:107px; height:36px; overflow:hidden; display:block; text-indent:-9999px; background-image:url(index_img.png); background-repeat:no-repeat;}

#nav .index{background-position:-20px -87px;}
#nav .index:hover{background-position:-20px -124px;}

#nav .companyInfo{background-position:-127px -87px;}
#nav .companyInfo:hover{background-position:-127px -124px;}

#nav .case{background-position:-234px -87px;}
#nav .case:hover{background-position:-234px -124px;}

#nav .products{background-position:-341px -87px;}
#nav .products:hover{background-position:-341px -124px;}

#nav .news{background-position:-448px -87px;}
#nav .news:hover{background-position:-448px -124px;}

#nav .honor{background-position:-555px -87px;}
#nav .honor:hover{background-position:-555px -124px;}

#nav .service{background-position:-662px -87px;}
#nav .service:hover{background-position:-662px -124px;}

#nav .guestbook{background-position:-769px -87px;}
#nav .guestbook:hover{background-position:-769px -124px;}

#nav .contact{background-position:-876px -87px;}
#nav .contact:hover{background-position:-876px -124px;}

#nav .mainlevel {}
#nav .mainlevel a {}
#nav .mainlevel a:hover {}
#nav .mainlevel ul {display:none; position:absolute; width:107px; z-index:9999;}
#nav .mainlevel li {border-top:1px solid #fff; background:#ffe60c; width:140px;/*IE6 only*/}
#nav .mainlevel li a{text-indent:0; background:url(index_img.png) no-repeat -511px -56px; height:25px; line-height:180%; text-indent:0; font-size:12px; text-align:center; color:#0535a5;}
#nav .mainlevel li a:hover{background-position:-511px -31px; color:#FFF;}

/*banner*/
#banner{width:998px; margin:0 auto; overflow:hidden; margin-bottom:20px; background-color: #fff; height: 305px; position:relative;}
#carousel img {display: block; float: left;}
#prev, #next {background-color: rgba(255, 255, 255, 0.7); display: block; height: 305px; width: 50%; top: 0; position: absolute;}
#prev:hover, #next:hover {background-color: #fff; background-color: rgba(255, 255, 255, 0.8);}
#prev {left: -499px;}
#next {right: -499px;}
#pager {margin-left: -470px; position: absolute; left: 50%; bottom: 10px;}
#pager a {border: 2px solid #fff; border-radius: 10px; display: inline-block; width: 10px; height: 10px; margin: 0 5px 0 0;}
#pager a:hover {background-color: rgba(255, 255, 255, 0.5);}
#pager a span {display: none;}
#pager a.selected {background-color: #fff;}

/*main*/
#main{width:1002px; margin:0 auto; overflow:hidden; padding-bottom:15px;}

/*box*/
.box{width:100%; overflow:hidden; height:100%;}
.box .t{width:100%;}
.box .t .tl{width:10px; height:10px; background:url(box_bg.png) no-repeat left top;}
.box .t .tc{background:#ECEAEA;}
.box .t .tr{width:10px; height:10px; background:url(box_bg.png) no-repeat right top;}
.box .m{background:#ECEAEA;}
.box .b{width:100%;}
.box .b .bl{width:10px; height:10px; background:url(box_bg.png) no-repeat left bottom;}
.box .b .bc{background:#ECEAEA;}
.box .b .br{width:10px; height:10px; background:url(box_bg.png) no-repeat right bottom;}

.box .t .tl, .box .t .tc, .box .t .tl, .box .b .bl, .box .b .bc, .box .b .br{font-size:0;}

.box, .box tr, .box td{border:0; padding:0; border-collapse:collapse;}


/*case products list box*/
#cpbox{width:234px; height:318px; overflow:hidden; float:left; margin-bottom:10px;}
#cpbox .t{width:234px; background:url(cpbox_bg.png) no-repeat left top; height:10px;}
#cpbox .m{width:234px; overflow:hidden; background:#AF040C; height:299px;}
#cpbox .b{width:234px; background:url(cpbox_bg.png) no-repeat left bottom; height:10px;}

/*case*/
#clist{width:194px; overflow:hidden; margin:0 auto;}
#clist .top{width:194px; height:21px; background:url(index_img.png) no-repeat -551px -200px; overflow:hidden;}
#clist .top h2{text-indent:-9999px;}
#clist .bot{width:194px; overflow:hidden; padding:5px 0;}
#clist .bot ul{width:194px; overflow:hidden;}
#clist .bot ul li{width:182px; height:21px; margin-bottom:5px;}
#clist .bot a{width:182px; height:20px; display:block; font-size:14px; font-weight:700; border-bottom:1px dashed #D63403; line-height:150%; text-indent:10px; color:#FFF;}
#clist .bot a:hover{color:#AF040C; height:21px; border:none; background:#EDBA51;}

/*products list*/
#plist{width:194px; overflow:hidden; margin:0 auto;}
#plist .top{width:194px; height:21px; background:url(index_img.png) no-repeat -752px -200px; overflow:hidden;}
#plist .top h2{text-indent:-9999px;}
#plist .bot{width:194px; overflow:hidden; padding:5px 0;}
#plist .bot ul{width:194px; overflow:hidden;}
#plist .bot ul li{width:182px; height:25px; margin-bottom:5px;}
#plist .bot a{width:182px; height:24px; display:block; font-size:14px; font-weight:700; border-bottom:1px dashed #D63403; line-height:150%; text-indent:10px; color:#FFF;}
#plist .bot a:hover{color:#AF040C; height:25px; border:none; background:#EDBA51;}

/*companyInfo*/
#companyInfo{width:438px; height:319px; overflow:hidden; padding-left:19px; float:left; margin-bottom:10px;}
#companyInfo .top{width:407px; overflow:hidden; margin:0 auto;}
#companyInfo .top h2{float:left; width:151px; height:28px; overflow:hidden; background:url(index_img.png) no-repeat -153px -196px; text-indent:-9999px;}
#companyInfo .top p{float:right; width:246px; height:9px; background:url(index_img.png) no-repeat -624px -71px; margin-top:9px; overflow:hidden;}
#companyInfo .top p a{float:right; width:35px; height:9px; overflow:hidden; text-indent:-9999px; display:block;}
#companyInfo .bot{width:407px; margin:0 auto; height:259px; overflow:hidden; padding-top:10px; font-size:12px; line-height:220%;}
#companyInfo .bot img{float:left; width:147px; height:106px; margin:0 5px 5px 0;}
#companyInfo .bot a{color:red;}

/*news*/
#news{width:293px; height:319px; overflow:hidden; float:right; margin-bottom:10px;}
#news .top{width:264px; overflow:hidden; margin:0 auto;}
#news .top h2{float:left; width:151px; height:28px; overflow:hidden; background:url(index_img.png) no-repeat -1px -196px; text-indent:-9999px;}
#news .top p{float:right; width:110px; height:9px; background:url(index_img.png) no-repeat -760px -71px; margin-top:9px; overflow:hidden;}
#news .top p a{float:right; width:35px; height:9px; overflow:hidden; text-indent:-9999px; display:block;}
#news .bot{width:264px; height:269px; margin:0 auto; overflow:hidden;}
#news .bot .img{width:264px; margin:10px 0; height:80px; overflow:hidden; font-size:0;}
#news .bot .img img{width:264px; height:80px;}
#news .bot ul{width:264px; overflow:hidden;}
#news .bot ul li{width:100%; padding:7px 0; overflow:hidden; font-size:12px;}
#news .bot a{float:left;}
#news .bot a:hover{color:#C1730F;}
#news .bot span{float:right; color:#666;}

/*case*/
#case{width:1001px; overflow:hidden; margin:0 auto;}
#case .top{width:1001px; height:32px; background:url(index_img.png) no-repeat 0 -162px; overflow:hidden;}
#case .top h2{float:left; text-indent:-9999px;}
#case .top p{float:right; width:35px; height:9px; overflow:hidden; padding:13px 14px 0 0;}
#case .top p a{width:35px; height:9px; background:url(index_img.png) no-repeat -835px -71px; display:block; overflow:hidden; text-indent:-9999px;}
#case .bot{width:1001px; overflow:hidden; padding:10px 0;}
#case .bot li{float:left; margin-right:10px;}
#case .bot img{width:175px; height:137px; overflow:hidden; border:1px solid #CCC; padding:2px; margin-bottom:10px;}
#case .bot img:hover{border:1px solid #EDB953;}
#case .bot .tit{width:150px; height:28px; margin:0 auto; overflow:hidden; background:url(index_img.png) no-repeat -621px -35px; text-align:center; line-height:200%; display:block; font-size:12px; color:#FFF;}
#case .bot .tit:hover{color:#EDBA51;}
#indexPro{width:1001px; height:180px; overflow:hidden;}

/*footer*/
#footer{width:100%; height:70px; background:url(footer_bg.jpg) repeat-x left top; overflow:hidden;}
#footer .copy{width:1002px; margin:0 auto; font-size:12px; text-align:center; padding-top:10px; line-height:180%;}

/*==================list===================*/
#main .left{width:234px; overflow:hidden; float:left;}
#main .right{width:750px; overflow:hidden; float:right;}

/*contact list*/
#colist{width:234px; background:url(clist_bg.jpg); height:245px; overflow:hidden;}
#colist .top{width:234px; height:45px; overflow:hidden;}
#colist .top h2{text-indent:-9999px;}
#colist .bot{width:204px; margin:0 auto; overflow:hidden;}
#colist .bot ul{width:100%; overflow:hidden;}
#colist .bot ul li{width:100%; overflow:hidden; font-size:12px; line-height:200%;}
#colist .bot .tit{float:left; width:60px; overflow:hidden;}
#colist .bot .stit{float:right; width:143px;}

/*box*/
#box{width:750px; overflow:hidden;}
#box .top{width:730px; height:28px; overflow:hidden;}
#box .top h2{float:left; width:151px; height:28px; overflow:hidden; background-image:url(index_img.png); background-repeat:no-repeat; text-indent:-9999px;}

#box .top .companyInfoName{background-position:-153px -196px;}
#box .top .caseName{background-position:0 -234px;}
#box .top .productsName{background-position:-152px -234px;}
#box .top .newsName{background-position:-1px -196px;}
#box .top .honorName{background-position:-304px -234px;}
#box .top .serviceName{background-position:-456px -234px;}
#box .top .guestbookName{background-position:-608px -234px;}
#box .top .contactName{background-position:-760px -234px;}

#box .top p{float:right; color:#666; font-size:12px; padding-top:8px;}
#box .top p a{color:#666;}
#box .bot{width:730px; overflow:hidden; padding:10px 0; font-size:12px; line-height:250%;}

/*guestbook*/
.tb-list{height: 31px; border-bottom: 1px solid #e4e4e4; padding-left: 10px;}
.tb-list li{float: left; padding-top: 2px;	margin-right: 5px;}
.tb-list li .current{display: block; width: 79px; border: 1px solid #C8C8C8; border-bottom-color: white; background-position: left bottom; color: #276ABA; font-weight: bold;}	
.tb-list li a{width: 74px; height: 28px; line-height: 28px;	display: block;	position: relative;	text-align: center;	border: 1px solid #DDD; border-bottom: none; color: #4B4B4B; background: url('../skin/tabbg.jpg') no-repeat left top;}
#guestbook .current {display: block !important;}
#guestbook .tab {margin: 20px;display: none;}
#guestbook .tab {margin-top: 0;}
ul.guestbook li{color:#3393e2;	padding:0px 0;}
ul.guestbook li strong{color:#ed731a;}
.list_content strong{color:#ed731a;	line-height:22px;}

/*picUL*/
#picUL{width:100%; overflow:hidden;}
#picUL li{float:left; text-align:center; font-size:12px; margin:10px;}
#picUL img{width:200px; height:180px; border:1px solid #CCC; margin-bottom:5px;}

/*page*/
#page{width:100%; padding:10px 0; overflow:hidden; font-size:12px; text-align:center;}

/*indexNews*/
#indexNews{width:95%; margin:0 auto; overflow:hidden;}
#indexNews li{width:100%; overflow:hidden; padding:7px 0; border-bottom:1px dashed #CCC;}
#indexNews a{float:left;}
#indexNews span{float:right;}

/*info*/
.infoClass{width:100%; font-size:12px; text-align:right; padding:5px 0;}
#newTitle{width:100%; font-size:16px; text-align:center; padding:10px 0; overflow:hidden;}
#newsInfo{width:100%; text-align:center; font-size:12px; border-top:1px solid #CCC; font-weight:normal;}
#infoImage{width:100%; overflow:hidden; text-align:center; padding:5px 0;}
#newsContent{width:100%; overflow:hidden; padding:5px 0; line-height:250%;}
#newsContent .img{float:left; margin:0 10px 5px 0; overflow:hidden;}
#newsContent .img img{width:300px;}

/*yingping*/
.yingping{width:100%; overflow:hidden;}

/*borderLi*/
.borderLi{border-bottom:1px dashed #CCC;}

/*jobList*/
.jobList{width:95%; margin:0 auto; overflow:hidden;}
.jobList p{padding:5px 0;}

/*G_ul*/
.G_ul{width:500px; margin:0 auto; overflow:hidden;}
.G_ul li{width:100%; padding:5px 0;}

/*G_textarea*/
.G_textarea{width:300px; height:105px;}

/*G_tips*/
.G_tips{width:500px; margin:0 auto; overflow:hidden; line-height:150%; color:#666;}